

<div itemscope itemtype="http://schema.org/WPHeader">

    <div data-role="header">
        <table border="0" style="padding-bottom: 2px; padding-top: 1px; width: 100%; font-weight: normal; font-family: Century Gothic, Verdana;">
            <tr>
                <td align="right" style="color: white; font-size: 13px;"> 
                   <img src="${model.props.appPath}/img/menu-mobile.jpg" width="35px;" style="-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;" onclick="switchMenu();"/>
                    &nbsp;
                </td>
            </tr>
        </table>
    </div>

    <c:if test="${!model.loggedin}">

        <div id="menu" style="display: none; float: top; padding-top: 3px; padding-bottom: 0px; background-color: #ececec; border-bottom: 5px solid #333;">
            <table style="width: 100%" >
                <tr>
                    <td style="border-bottom: 1px solid #cacaca; font-size: 17px; padding: 8px;" onclick="window.location = '${model.props.appPath}/listing.htm?a=3'">List your property</td>
                </tr>
                <tr>
                    <td style="border-bottom: 1px solid #cacaca; font-size: 17px; padding: 8px;" onclick="window.location = '${model.props.appPath}/invite.htm'">Post for free</td>
                </tr>
                <tr>
                    <td style="border-bottom: 1px solid #cacaca; font-size: 17px; padding: 8px;" onclick="window.location = '${model.props.appPath}/invite.htm'">Sign up</td>
                </tr>
                <tr>
                    <td style="border-bottom: 0px solid #cacaca; font-size: 17px; padding: 8px;" onclick="window.location = '${model.props.appPath}/login.htm'">Log in</td>
                </tr>
            </table>
        </div>
    </c:if>

    <c:if test="${model.loggedin}">

        <div id="menu" style="display: none; float: top; padding-top: 3px; padding-bottom: 0px; background-color: #ececec; border-bottom: 5px solid #333;">
            <table style="width: 100%" >
                <tr>
                    <td style="border-bottom: 1px solid #cacaca; font-size: 17px; padding: 8px;" onclick="window.location = '${model.props.appPath}/listing.htm?a=3'">List your property</td>
                </tr>
                <tr>
                    <td style="border-bottom: 1px solid #cacaca; font-size: 17px; padding: 8px;" onclick="window.location = '${model.props.appPath}/account.htm'">My Account</td>
                </tr>
                <tr>
                    <td style="border-bottom: 0px solid #cacaca; font-size: 17px; padding: 8px;" onclick="window.location = '${model.props.appPath}/logout.htm'">Log out</td>
                </tr>
            </table>
        </div>
    </c:if>


    <div style="float: top; padding-top: 10px; padding-bottom: 10px; background-color: #FFFFFF; border-bottom: 2px solid #cacaca;" data-theme="c">
        <a href="${model.props.appPath}/home.htm" data-ajax="false">
            <img src="${model.props.appPath}/img/rentpad-logo-1.png" style="border: 0px solid black; display: block; height: 50px; margin: 0 auto;"/>
        </a>
    </div>

</div>

